//加载模块
layui.use(['layer', 'laydate','table','upload'], function(){

    console.log("进入产品页面")


    var layer = layui.layer //弹层
        ,table = layui.table //表格
        ,upload = layui.upload //上传


    //执行一个 table 实例
    table.render({
        elem: '#test'
        ,height: 420
        ,url: 'http://localhost:8080/back/front/type' //数据接口
        ,title: '用户表',
            headers:{'username':localStorage.getItem("loginUser")}
        ,response: {statusCode: 200 }//规定成功的状态码，默认：0
        ,page: true //开启分页
        ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
        // ,data:[{"hello":"world"}]
        // ,totalRow: true //开启合计行
        ,cols: [[ //表头
            {type: 'checkbox', fixed: 'left'}
            ,{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left',sort:true}
            // ,{field: 'name', title: '产品名', width:80}

            // ,{field: 'imgHref', title: '图片', width: 90,templet:'#img' }
            // ,{field: 'normalPrice', title: '产品正常价格', width:80, sort: true}
            // ,{field: 'enable', title: '状态', width: 80, templet:'#rad' }
            // ,{field: 'typeName', title: '所属', width:150}
            ,{field: 'name', title: '类名', width:150}
            // ,{field: 'sign', title: '签名', width: 200}
            // ,{field: 'classify', title: '职业', width: 100}
            // ,{field: 'wealth', title: '财富', width: 135, sort: true, totalRow: true}
            ,{fixed: 'right', width: 250, title:'操作',align:'center', toolbar: '#barDemo'}
        ]]
    });

    //监听头工具栏事件
    table.on('toolbar(test)', function(obj){
        var checkStatus = table.checkStatus(obj.config.id)
            ,data = checkStatus.data; //获取选中的数据
        switch(obj.event){
            case 'add':
                layer.msg('添加');
                break;
            case 'update':
                if(data.length === 0){
                    layer.msg('请选择一行');
                } else if(data.length > 1){
                    layer.msg('只能同时编辑一个');
                } else {
                    layer.alert('编辑 [id]：'+ checkStatus.data[0].id);
                }
                break;
            case 'delete':
                if(data.length === 0){
                    layer.msg('请选择一行');
                } else {
                    layer.msg('删除');
                }
                break;
        };
    });

    //监听行工具事件
    table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"

        console.log("产品监听操作对象",obj);

        var data = obj.data //获得当前行数据
            ,layEvent = obj.event; //获得 lay-event 对应的值

        //获得当前行数据的id值，并将其存放于session中
        sessionStorage.setItem("productId", data.id);
        if(layEvent === 'detail'){
            layer.msg('查看操作');
        }else if(layEvent === "delete"){
            layer.confirm('真的删除行么', function(index){
                obj.del(); //删除对应行（tr）的DOM结构
                layer.close(index);
                console.log("点击确定删除的index：",index)
                let user = {"id":data.id}
                //向服务端发送删除指令
                $.ajax({
                    url:"http://localhost:8080/back/front/delete",
                    data:JSON.stringify(user),
                    contentType:"application/json",
                    type:"post",
                    headers:{'username':localStorage.getItem("loginUser")},
                    dataType:"json",
                    success:function () {

                    }

                })
            });

        }
    });

});
